<!DOCTYPE html>
<html lang="en">
	<head>
		<title></title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
		<script type="text/javascript" src="js/jquery-1.6.js" ></script>
		<script type="text/javascript" src="js/cufon-yui.js"></script>
		<script type="text/javascript" src="js/cufon-replace.js"></script>  
		<script type="text/javascript" src="js/Adamina_400.font.js"></script>
		<script type="text/javascript" src="js/jquery.jqtransform.js" ></script>
		<script type="text/javascript" src="js/script.js" ></script>
		<script type="text/javascript" src="js/atooltip.jquery.js"></script>
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5.js"></script>
			<link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
		<![endif]-->
		<!--[if lt IE 7]>
			<div style=' clear: both; text-align:center; position: relative;'>
				<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
			</div>
		<![endif]-->
	</head>
	<body id="page4">
		<div class="bg1">
			<div class="bg2">
				<div class="main">
<!-- header -->
					<header>
						<h1><a href="index.jsp" id="logo">LoungeHotel</a></h1>
						<div class="department">
							9863 - 9867 Mill Road, LA, MG09 99HT<br>
							<span>Freephone: &nbsp;  +1 800 559 6580</span>
						</div>
					</header>
					<div class="box">
						<nav>
							<ul id="menu">
								<li><a href="index.jsp">About Us</a></li>
								<li><a href="Register.jsp">Register</a></li>
								<li class="active"><a href="Rooms.html">Rooms</a></li>
								<li><a href="Booking.jsp">Booking</a></li>
								<li><a href="Order.html">Order</a></li>
							</ul>
						</nav>
<!-- header end -->
<!-- content -->
						<article id="content">
							<div class="box1">
								<div class="wrapper">
									<form action="#" id="form1">
										<h2>How to Book</h2>
										<fieldset>
											<div class="row">
												Please read the infomation of room type
											</div>
											<div class="row">
												And if you want to book a room
											</div>
											<div class="row">
												Choose a room type on 'Booking' page
											</div>
										</fieldset>
									</form>
									<div class="col2 pad">
										<h2><img src="images/title_marker1.jpg" alt="">Best Propositions of Room Type</h2>
										<div class="wrapper line1">
											<div class="col3">
												<figure class="pad_bot3"><img src="images/page3_img1.jpg" alt=""></figure>
												<p class="pad_bot1"><strong class="color3">Standard Room</strong></p>
												<p>Room with twin beds or a double bed is called a standard room.
												   It is suitable for living two guests to come and live with husband and wife.</p>
												<ul class="list2">
													<li><span>1</span>Rooms</li>
													<li><span>2</span>Beds</li>
												</ul>
												<a href="Booking.jsp" class="button2">Book Room</a>
											</div>
											<div class="col3 pad_left2">
												<figure class="pad_bot3"><img src="images/page3_img4.jpg" alt=""></figure>
												<p class="pad_bot1"><strong class="color3">Deluxe Room</strong></p>
												<p>The Deluxe Room welcomes you with modern conveniences.
												   Take in your choice of a city, garden or harbour view from your floor-to-ceiling windows.</p>
												<ul class="list2">
													<li><span>2</span>Rooms</li>
													<li><span>4</span>Beds</li>
												</ul>
												<a href="Booking.jsp" class="button2">Book Room</a>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="pad">
								<div class="wrapper line3">
									<div class="col2">
										<h2>Quality Standards</h2>
										<p class="pad_bot1"><strong class="color2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo</strong> </p>
										<p class="pad_bot1">
												Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enigm ipsam voluptatem nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus quia voluptas sit aspernatur aut odit aut fugit.</p>
										
										<div class="wrapper pad_bot2">
											<div class="col1">
												<ul class="list1">
													<li><a href="#">Inventore veritatis et quasi architecto</a></li>
													<li><a href="#">Nemo enim ipsam voluptatem quivolupta</a></li>
													<li><a href="#">Sit aspernatur aut odit aut fugit sed</a></li>
												</ul>
											</div>
											<div class="col1 pad_left1">
												<ul class="list1">
													<li><a href="#">Neque porro quisquam est, qui dolorem</a></li>
													<li><a href="#">Ipsum quia dolor amet consectetur</a></li>
													<li><a href="#">Adipisci velit, sed quia non numquam</a></li>
												</ul>
											</div>
										</div>
										<p class="pad_bot1"><strong class="color2">Duis aute irure dolorin reprehenderit in voluptate velit esse cillum dolore eu fugiat pariatur</strong></p>
										Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
									</div>
									<div class="col1 pad_left1">
										<h2>The Rooms</h2>
										<p class="pad_bot1"><strong class="color2">Nemo enim ipsam voluptatem</strong><br>Quia voluptas sit aspernatur aut odit autugit sed quia ne voluptatem nesciunt. </p>
										<figure class="pad_bot3"><img src="images/page4_img1.jpg" alt=""></figure>
										<ul class="list1 pad_bot3">
											<li><a href="#">Neque porro quisquam est qui</a></li>
											<li><a href="#">Dolorem ipsum quia dolor sit amet</a></li>
											<li><a href="#">Consectetur adipisci velit sed</a></li>
										</ul>
										<a href="#" class="button1">Read More</a>
									</div>
								</div>
							</div>
						</article>
<!--content end-->
					</div>
				</div>
			</div>
		</div>
		<div class="main">
<!-- footer -->
			<footer>
				<div class="col2">
					Lounge Hotel &copy; 2011 
					<nav>
						<ul id="footer_menu">
							<li><a href="index.jsp">About Us</a></li>
							<li class="active"><a href="Register.jsp">Register</a></li>
							<li><a href="Rooms.html">Rooms</a></li>
							<li><a href="Booking.jsp">Booking</a></li>
							<li class="last"><a href="Order.html">Order</a></li>
						</ul>
					</nav>
				</div>
				<div class="col1 pad_left1">
					<ul id="icons">
						<li><a href="#" class="normaltip" title="Linkedin"><img src="images/icon1.jpg" alt=""></a></li>
						<li><a href="#" class="normaltip" title="Facebook"><img src="images/icon2.jpg" alt=""></a></li>
						<li><a href="#" class="normaltip" title="Picasa"><img src="images/icon3.jpg" alt=""></a></li>
						<li><a href="#" class="normaltip" title="Twitter"><img src="images/icon4.jpg" alt=""></a></li>
					</ul>
				</div>				
				<!-- {%FOOTER_LINK} -->
			</footer>
<!-- footer end -->
		</div>
		<script type="text/javascript"> Cufon.now(); </script>
	</body>
</html>